<template>
  <div>
    <p>预览效果如下：<a target="_blank" href="#" :href="src" style="float: right">页面预览</a> </p>
    <iframe class="frame-box" :src="src"></iframe>
  </div>
</template>

<script>
export default {
  name: "IframeBox",
  props: {
    src: {
      type: String,
      default: ''
    }
  }
}
</script>

<style scoped lang="stylus">
.frame-box
  height 400px
  width 100%
</style>